<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登陆界面</title>
<link rel="stylesheet" href="css/login/jq22.css">
<link rel="shortcut icon" href="images/ico/bitbug_favicon.ico" />
<link href="script/extjs/ext-theme-classic/ext-theme-classic-all.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="script/extjs/ext-all.js"></script>
<script type="text/javascript" src="script/extjs/bootstrap.js"></script>
<script type="text/javascript" src="script/extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="script/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/login/loginJs.js"></script>
</head>
<body>
<div id="login">
    <div class="wrapper">
        <div class="login">
            <form action="login.do" method="post" id="submitForm" class="container offset1 loginform">
                <div id="owl-login">
                    <div class="hand"></div>
                    <div class="hand hand-r"></div>
                    <div class="arms">
                        <div class="arm"></div>
                        <div class="arm arm-r"></div>
                    </div>
                </div>
                <div class="pad">
                    <div class="control-group">
                        <div class="controls">
                            <label for="username" class="control-label fa">
                            	<img alt="" src="images/minico/user.png" style="position: relative;top: -2px;">
                            </label>
                            <input id="username" type="username" name="username" placeholder="Username" tabindex="1" autofocus="autofocus" class="form-control input-medium">
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <label for="password" class="control-label fa">
                            	<img alt="" src="images/minico/password.png" style="position: relative;top: -2px;">
                            </label>
                            <input id="password" type="password" name="password" placeholder="Password" tabindex="2" class="form-control input-medium">
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                <a href="#" tabindex="5" class="btn pull-left btn-link text-muted">Forgot password?</a>
                <a href="#" tabindex="6" class="btn btn-link text-muted">Sign Up</a>
                <button type="button" id="submitLogin" tabindex="4" class="btn btn-primary">Login</button>
                </div>
            </form>
        </div>
    </div>
    <script src="script/jquery.min.js"></script>
    <script>
    $(function() {
        $('#login #password').focus(function() {
            $('#owl-login').addClass('password');
        }).blur(function() {
            $('#owl-login').removeClass('password');
        });
    });
    </script>
</div>
</body>
</html>